<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!--iPhone私有标签，它表示：允许全屏模式浏览-->
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <!--iPhone私有标签，它指定的iPhone中safari顶端的状态条的样式-->
    <meta name="format-detection" content="telephone=no; email=no" />
    <!--不识别邮件和不把数字识别为电话号码-->
    <link rel="stylesheet" href="./css/front-less/common.css" />
    <link rel="stylesheet" href="./css/front-less/personal.css" />
    <link rel="stylesheet/less" href="./css/front-less/personal-curse-m.less" />
    <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="./lib/layui/css/layui.css">
    <script src="./node_modules/jquery/dist/jquery.js"></script>
    <title>wkt个人中心-我的课程</title>
    <link rel="stylesheet" href="css/front-less/personal-curse-m.less">
</head>
<body>
<!--导航模块-->
<nav class="container-layout" id="public-header">
    <div class="content-layout" id="header-nav">
        <div class="logo-box">
            <a href="" class="logo">
                <img src="" alt="">
            </a>
            <div class="identity">
                我是教师
            </div>
            <div class="help-center">
                帮助中心
            </div>
        </div>
        <ul class="nav navbar-nav navbar-right">
            <li class="navbar-right-item">
                <ul class="fun">
                    <li class="fun-item user-hint">
                        <a href="javascript:;" class="icon icon-hint"></a>
                        <div class="personal-hint">
                            <ul class="fun-d-list">
                                <li class="fun-list">
                                    <a href="./personal-msg.html">评论</a>
                                </li>
                                <li class="fun-list">
                                    <a href="./personal-like.html">赞</a>
                                </li>
                                <li class="fun-list">
                                    <a href="./personal-follow.html">粉丝</a>
                                </li>
                                <li class="fun-list">
                                    <a href="./personal-sys.html">系统通知</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="fun-item">
                        <a href="javascript:;" class="icon icon-msg"></a>
                        <div class="personal-hint">
                            <ul class="fun-d-list">
                                <li class="fun-list">
                                    <a href="javascript:;">私发</a>
                                </li>
                                <li class="fun-list">
                                    <a href="javascript:;">群聊</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </li>
            <!--<li class="user-lr">-->
            <!--<a href="javascript:;" class="register">注册</a>-->
            <!--<span class="sep">|</span>-->
            <!--<a href="javascript:;" class="login">登录</a>-->
            <!--</li>-->
            <li class="has-login navbar-right-item">
                <a href="javascript:;" class="user-header-top">
                    <img src="" alt="">
                </a>
                <div class="personal-fun">
                    <ul>
                        <li class="fun-list">
                            <a href="./personal-curse-m.html">我的主页</a>
                        </li>
                        <li class="fun-list">
                            <a href="./personal-study-r.html">学习记录</a>
                        </li>
                        <li class="fun-list">
                            <a href="javascript:;">退出登录</a>
                        </li>
                    </ul>
                </div>
            </li>
        </ul>

    </div>
</nav>
<!--内容主体-->
<div class="container-layout" id="container-main">
    <div class="content-layout personal-main">
        <div class="personal-l">
            <div class="personal-base-msg">
                <a href="" class="base-user-header">
                    <img src="" alt="">
                </a>
                <p class="b-user-name">大林</p>
                <p class="stu-num">学号：<i>0422</i></p>
                <div class="rela-ex">
                    <ul>
                        <li>
                            <a href="" class="rela-have">14456</a>
                            <p class="rela-name">南瓜币</p>
                        </li>
                        <li>
                            <a href="" class="rela-have">14456</a>
                            <p class="rela-name">粉丝</p>
                        </li>
                        <li>
                            <a href="" class="rela-have">335</a>
                            <p class="rela-name">关注</p>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="fun-list">
                <dl>
                    <dt>我的学习</dt>
                    <dd><a href="./personal-curse.html">我的课程</a></dd>
                    <dd><a href="./personal-study-r.html">学习记录</a></dd>
                    <dd><a href="./personal-task.html">我的作业</a></dd>
                    <dd><a href="">我的发布</a></dd>
                    <dd><a href="./personal-col.html">我的收藏</a></dd>

                    <dt>订单中心</dt>
                    <dd><a href="./personal-order.html">订单</a></dd>
                    <dd><a href="./personal-ticket.html">优惠券</a></dd>

                    <dt>账户中心</dt>
                    <dd><a href="./personal-inform.html">个人资料</a></dd>
                    <dd><a href="">档案</a></dd>
                    <dd><a href="./personal-set.html" >设置</a></dd>

                </dl>
            </div>
        </div>
        <div class="personal-r">
            <div class="personal-r-t">
                <h3 class="fun-title-s">南瓜币</h3>
            </div>
            <div class="personal-r-b">
                <p class="m-coin"><span class="coin-num">143225</span>我的南瓜币</p>
            </div>
            <div class="bill-detail">
                <h3 class="bill-title">南瓜币账单</h3>
                <div class="layui-tab">
                    <p class="cate-label">类型：</p>
                    <ul class="layui-tab-title">
                        <li class="layui-this">兑换</li>
                        <li>任务</li>
                    </ul>
                    <div class="layui-tab-content">
                        <div class="layui-tab-item layui-show">
                            <div id="laypage-f"></div>
                        </div>
                        <div class="layui-tab-item">内容2</div>
                    </div>
                </div>
            </div>
            <!--<div class="screen-t">-->
                <!--<p class="s-cate">南瓜币账单</p>-->
                <!--<div class="s-box">筛选-->
                    <!--<i class="layui-icon-right layui-icon"></i>-->
                    <!--<a href="javascript:;" class="s-btn">全部</a>-->
                    <!--<div class="s-condition">-->
                        <!--<ul class="cond-list">-->
                            <!--<li class="cond-item">-->
                                <!--<a href="javascript:;" class='c-cate-btn'>全部</a>-->
                            <!--</li>-->
                            <!--<li class="cond-item">-->
                                <!--<a href="javascript:;" class='c-cate-btn'>兑换</a>-->
                            <!--</li>-->
                            <!--<li class="cond-item">-->
                                <!--<a href="javascript:;" class='c-cate-btn'>任务</a>-->
                            <!--</li>-->
                        <!--</ul>-->
                    <!--</div>-->
                <!--</p>-->
            <!--</div>-->
        <!--</div>-->
            <!--<div class="screen-b">-->
                <!--<div class="s-t-box">-->
                    <!--<p class="s-date">2018-11-02</p>-->
                    <!--<p class="s-exp">支出：<em>2553南瓜币</em></p>-->
                    <!--<p class="s-inc">收入：<em>2553南瓜币</em></p>-->
                    <!--<a href="JavaScript:;" class="tog-btn">收起</a>-->
                <!--</div>-->
                <!--<table class="layui-table bill" lay-skin="line">-->
                    <!--<colgroup>-->
                        <!--<col width="302">-->
                        <!--<col width="333">-->
                        <!--<col width="165">-->
                    <!--</colgroup>-->
                    <!--<tbody>-->
                    <!--<tr>-->
                        <!--<td>任务</td>-->
                        <!--<td class="plus d-style">-->
                            <!--+5000-->
                        <!--<div class="billing-detail">-->
                            <!--<ul class="billing-con">-->
                                <!--<li class="bil-item">-->
                                    <!--<span class="left-name">数量</span>-->
                                    <!--<span class="right-detail plus">+5000</span>-->
                                <!--</li>-->
                                <!--<li class="bil-item">-->
                                    <!--<span class="left-name">类型</span>-->
                                    <!--<span class="right-detail">打赏-慧慧打赏了鲜花</span>-->
                                <!--</li>-->
                                <!--<li class="bil-item">-->
                                    <!--<span class="left-name">数量</span>-->
                                    <!--<span class="right-detail">1</span>-->
                                <!--</li>-->
                                <!--<li class="bil-item">-->
                                    <!--<span class="left-name">时间</span>-->
                                    <!--<span class="right-detail">2018-11-05&nbsp23：11</span>-->
                                <!--</li>-->
                                <!--<li class="bil-item">-->
                                    <!--<span class="left-name">交易单号</span>-->
                                    <!--<span class="right-detail">13131313313</span>-->
                                <!--</li>-->
                                <!--<li class="bil-item">-->
                                    <!--<span class="left-name">剩余金额</span>-->
                                    <!--<span class="right-detail">22545</span>-->
                                <!--</li>-->
                            <!--</ul>-->
                        <!--</div>-->
                        <!--</td>-->
                        <!--<td>11-02&nbsp 05:36</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td>商城兑换</td>-->
                        <!--<td class="sub d-style">-5000-->
                            <!--<div class="billing-detail">-->
                                <!--<ul class="billing-con">-->
                                    <!--<li class="bil-item">-->
                                        <!--<span class="left-name">数量</span>-->
                                        <!--<span class="right-detail sub">+5000</span>-->
                                    <!--</li>-->
                                    <!--<li class="bil-item">-->
                                        <!--<span class="left-name">类型</span>-->
                                        <!--<span class="right-detail">打赏-慧慧打赏了鲜花</span>-->
                                    <!--</li>-->
                                    <!--<li class="bil-item">-->
                                        <!--<span class="left-name">数量</span>-->
                                        <!--<span class="right-detail">1</span>-->
                                    <!--</li>-->
                                    <!--<li class="bil-item">-->
                                        <!--<span class="left-name">时间</span>-->
                                        <!--<span class="right-detail">2018-11-05&nbsp23：11</span>-->
                                    <!--</li>-->
                                    <!--<li class="bil-item">-->
                                        <!--<span class="left-name">交易单号</span>-->
                                        <!--<span class="right-detail">13131313313</span>-->
                                    <!--</li>-->
                                    <!--<li class="bil-item">-->
                                        <!--<span class="left-name">剩余金额</span>-->
                                        <!--<span class="right-detail">22545</span>-->
                                    <!--</li>-->
                                <!--</ul>-->
                            <!--</div>-->
                        <!--</td>-->
                        <!--<td>11-02&nbsp 05:36</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td>商城兑换</td>-->
                        <!--<td class="sub d-style">-5000-->
                            <!--<div class="billing-detail">-->
                                <!--<ul class="billing-con">-->
                                    <!--<li class="bil-item">-->
                                        <!--<span class="left-name">数量</span>-->
                                        <!--<span class="right-detail sub">+5000</span>-->
                                    <!--</li>-->
                                    <!--<li class="bil-item">-->
                                        <!--<span class="left-name">类型</span>-->
                                        <!--<span class="right-detail">打赏-慧慧打赏了鲜花</span>-->
                                    <!--</li>-->
                                    <!--<li class="bil-item">-->
                                        <!--<span class="left-name">数量</span>-->
                                        <!--<span class="right-detail">1</span>-->
                                    <!--</li>-->
                                    <!--<li class="bil-item">-->
                                        <!--<span class="left-name">时间</span>-->
                                        <!--<span class="right-detail">2018-11-05&nbsp23：11</span>-->
                                    <!--</li>-->
                                    <!--<li class="bil-item">-->
                                        <!--<span class="left-name">交易单号</span>-->
                                        <!--<span class="right-detail">13131313313</span>-->
                                    <!--</li>-->
                                    <!--<li class="bil-item">-->
                                        <!--<span class="left-name">剩余金额</span>-->
                                        <!--<span class="right-detail">22545</span>-->
                                    <!--</li>-->
                                <!--</ul>-->
                            <!--</div>-->
                        <!--</td>-->
                        <!--<td>11-02&nbsp 05:36</td>-->
                    <!--</tr>-->
                    <!--</tbody>-->
                <!--</table>-->
            <!--</div>-->
            <!--<div class="screen-b">-->
                <!--<div class="s-t-box">-->
                    <!--<p class="s-date">2018-11-02</p>-->
                    <!--<p class="s-exp">支出：<em>2553南瓜币</em></p>-->
                    <!--<p class="s-inc">收入：<em>2553南瓜币</em></p>-->
                    <!--<a href="JavaScript:;" class="tog-btn">收起</a>-->
                <!--</div>-->
                <!--<table class="layui-table bill" lay-skin="line">-->
                    <!--<colgroup>-->
                        <!--<col width="302">-->
                        <!--<col width="333">-->
                        <!--<col width="165">-->
                    <!--</colgroup>-->
                    <!--<tbody>-->
                    <!--<tr>-->
                        <!--<td>任务</td>-->
                        <!--<td class="plus d-style">+5000-->
                            <!--<div class="billing-detail">-->
                                <!--<ul class="billing-con">-->
                                    <!--<li class="bil-item">-->
                                        <!--<span class="left-name">数量</span>-->
                                        <!--<span class="right-detail plus">+5000</span>-->
                                    <!--</li>-->
                                    <!--<li class="bil-item">-->
                                        <!--<span class="left-name">类型</span>-->
                                        <!--<span class="right-detail">打赏-慧慧打赏了鲜花</span>-->
                                    <!--</li>-->
                                    <!--<li class="bil-item">-->
                                        <!--<span class="left-name">数量</span>-->
                                        <!--<span class="right-detail">1</span>-->
                                    <!--</li>-->
                                    <!--<li class="bil-item">-->
                                        <!--<span class="left-name">时间</span>-->
                                        <!--<span class="right-detail">2018-11-05&nbsp23：11</span>-->
                                    <!--</li>-->
                                    <!--<li class="bil-item">-->
                                        <!--<span class="left-name">交易单号</span>-->
                                        <!--<span class="right-detail">13131313313</span>-->
                                    <!--</li>-->
                                    <!--<li class="bil-item">-->
                                        <!--<span class="left-name">剩余金额</span>-->
                                        <!--<span class="right-detail">22545</span>-->
                                    <!--</li>-->
                                <!--</ul>-->
                            <!--</div>-->
                        <!--</td>-->
                        <!--<td>11-02&nbsp 05:36</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td>商城兑换</td>-->
                        <!--<td class="sub d-style">-5000-->
                            <!--<div class="billing-detail">-->
                                <!--<ul class="billing-con">-->
                                    <!--<li class="bil-item">-->
                                        <!--<span class="left-name">数量</span>-->
                                        <!--<span class="right-detail sub">+5000</span>-->
                                    <!--</li>-->
                                    <!--<li class="bil-item">-->
                                        <!--<span class="left-name">类型</span>-->
                                        <!--<span class="right-detail">打赏-慧慧打赏了鲜花</span>-->
                                    <!--</li>-->
                                    <!--<li class="bil-item">-->
                                        <!--<span class="left-name">数量</span>-->
                                        <!--<span class="right-detail">1</span>-->
                                    <!--</li>-->
                                    <!--<li class="bil-item">-->
                                        <!--<span class="left-name">时间</span>-->
                                        <!--<span class="right-detail">2018-11-05&nbsp23：11</span>-->
                                    <!--</li>-->
                                    <!--<li class="bil-item">-->
                                        <!--<span class="left-name">交易单号</span>-->
                                        <!--<span class="right-detail">13131313313</span>-->
                                    <!--</li>-->
                                    <!--<li class="bil-item">-->
                                        <!--<span class="left-name">剩余金额</span>-->
                                        <!--<span class="right-detail">22545</span>-->
                                    <!--</li>-->
                                <!--</ul>-->
                            <!--</div>-->
                        <!--</td>-->
                        <!--<td>11-02&nbsp 05:36</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td>商城兑换</td>-->
                        <!--<td class="sub d-style">-5000-->
                            <!--<div class="billing-detail">-->
                                <!--<ul class="billing-con">-->
                                    <!--<li class="bil-item">-->
                                        <!--<span class="left-name">数量</span>-->
                                        <!--<span class="right-detail sub">+5000</span>-->
                                    <!--</li>-->
                                    <!--<li class="bil-item">-->
                                        <!--<span class="left-name">类型</span>-->
                                        <!--<span class="right-detail">打赏-慧慧打赏了鲜花</span>-->
                                    <!--</li>-->
                                    <!--<li class="bil-item">-->
                                        <!--<span class="left-name">数量</span>-->
                                        <!--<span class="right-detail">1</span>-->
                                    <!--</li>-->
                                    <!--<li class="bil-item">-->
                                        <!--<span class="left-name">时间</span>-->
                                        <!--<span class="right-detail">2018-11-05&nbsp23：11</span>-->
                                    <!--</li>-->
                                    <!--<li class="bil-item">-->
                                        <!--<span class="left-name">交易单号</span>-->
                                        <!--<span class="right-detail">13131313313</span>-->
                                    <!--</li>-->
                                    <!--<li class="bil-item">-->
                                        <!--<span class="left-name">剩余金额</span>-->
                                        <!--<span class="right-detail">22545</span>-->
                                    <!--</li>-->
                                <!--</ul>-->
                            <!--</div>-->
                        <!--</td>-->
                        <!--<td>11-02&nbsp 05:36</td>-->
                    <!--</tr>-->
                    <!--</tbody>-->
                <!--</table>-->
            <!--</div>-->
        </div>
    </div>
</div>
<script src="./js/assets/less.min.js"></script>
<script src="./lib/layui/layui.js"></script>
<script src="./js/front-js/common.js"></script>
<script src="./js/front-js/personal-curse-m.js"></script>
</body>
</html>